<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js2</title>
    <script src = "jquery.min.js"></script>
</head>
<body>
<div>
    <h3>猜数字小游戏</h3>
    请输入一个1~10的数字<input type="text" id = "inputNum">
    <p></p>
    <input type="button" value = "查看结果" onclick="selectResultJq()">
    <div id = "result_div"></div>
</div>

     <img width="200px" height="120px" id = "img_logo" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" >
     <p></p>
     <input type="button" value="更换图片" onclick="upImg()">


<!-- 
     <input type = "button" value = "添加" onclick="add('zhangsan','123')">&nbsp;&nbsp;&nbsp;
     <input type = "button" value = "删除" onclick="up('zhangsan','123')">&nbsp;&nbsp;&nbsp;
     <input type = "button" value = "修改">&nbsp;&nbsp;&nbsp;
     <input type = "button" value = "更新">&nbsp;&nbsp;&nbsp; -->

    <script>
       //jquery版
       function selectResultJq() {
        var randomNum = 1 + Math.floor(Math.random()*10);
        var userInputNum = jQuery("#inputNum").val();
        var msg;
        if (randomNum == userInputNum) {
                msg  = "<h4>恭喜你，答对了</h4>"
        } else {
                msg = "<h4>答错了，正确答案是"+ randomNum +"</h4>"
        }
        jQuery("#result_div").html(msg);
       }

        function selectResult() {
            // Math.random 产生一个0到1的小数，Math.floor 保留数字的整数部分
            var randomNum = 1 + Math.floor(Math.random()*10);
            var userInputNum = document.getElementById("inputNum").value;
            if (randomNum == userInputNum) {
                msg  = "<h4>恭喜你，答对了</h4>"
            } else {
                msg = "<h4>答错了，正确答案是"+ randomNum +"</h4>"
            }
           document.getElementById("result_div").innerHTML = msg;
        }
       function upImg() {
        var img_src = "https://dlweb.sogoucdn.com/pcsearch/web/index/images/logo_880x280_06c7476.png?v=628ed034";
        document.getElementById("img_logo").src = img_src;
       }

    //    var a = {}; //创建一个空的对象
    //    var student = {
    //        name:"蔡徐坤",
    //        height : 1.75,
    //        weight : 170,
    //        sayHello:function () {
    //            alert("hello");
    //        }
    //    }
    //     console.log(student.name);
    //     student.sayHello();

      //  function up() {
      //   alert("执行了删除方法");
      //   // arguments表示拿到所有传递的参数，以数组存储
      //   for (const item of arguments) {
      //     console.log(item);
      //   }
      //  }
 
      //  function add(name,password) {
      //    alert("执行了添加方法 \n name : "+ name + "\n password=" + password );
      //    return "hello";
      //  }
      // var functionName = prompt("请输入要执行的方法");

      // functionName(); 此时是不会执行的
      //eval(functionName+"()"); // 注意eval是不安全的类，一定不要使用！！！，只是在此处实现下

      //  var result = add();
      //  console.log(result);

        // var arr = new Array()
        // arr.push("hello")
        // arr.push(0)
        // arr.push(false)

        // 删除
        // arr.splice(1,1)
        // var a = arr.slice(1,2)
        // console.log(a)
        // console.log(arr.length)
        // for (var iterator of arr) {
        //     console.log(iterator)
        // }
    </script>
</body>
</html>